<template>
    <div @click="handleClick">index</div>  
    <dialogs name="1" :mask="mask" :visible="visible"  :getContainer="e => e.target.parentNode">  
    </dialogs>  
        <!-- <div>我是谁我在哪我要干什么</div> -->
</template>

<script lang='ts'>
import dialogs from './modal/modal'
import { defineComponent, ref } from 'vue'
export default defineComponent({
    components: {
        dialogs
    },
    setup() {
        let mask = ref<Boolean>(true)
        let visible = ref<Boolean>(false)
        const print = (e:any) => {
            console.log(e);
            return e
        }
        const handleClick = () => {
            mask.value = !mask.value
            visible.value = !visible.value
        }
        return {
            mask,
            handleClick,
            visible
        }
    }
})
</script>
